<template>    
  <div class="divBox">
    
    <el-card class="box-card">
      <div style="font-size: 20px;font-weight: 600;text-align: center;margin: 0px;">
        {{ this.$route.meta.title }}
      </div>
      <el-form v-loading="loading" style="padding: 15px; " label-width="auto" ref="tableData" :rules="dataRules" 
        :model="tableData">
        <el-form-item label="客户名称" prop="kd">
            <el-input v-model="tableData.keyWord" placeholder="请输入客户名称"></el-input>
        </el-form-item>
        <el-form-item label="发票类型" prop="kd">
            <el-input v-model="tableData.keyWord" placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="抬头类型" prop="kd">
            <el-input v-model="tableData.keyWord" placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="发票抬头" prop="kd">
            <el-input v-model="tableData.keyWord" placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="纳税人识别号" prop="kd">
            <el-input v-model="tableData.keyWord" placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="开票金额" prop="kd">
            <el-input v-model="tableData.keyWord" placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="发送邮箱" prop="kd">
            <el-input v-model="tableData.keyWord" placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="地址" prop="kd">
            <el-input v-model="tableData.keyWord" placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="电话" prop="kd">
            <el-input v-model="tableData.keyWord" placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="开户银行" prop="kd">
            <el-input v-model="tableData.keyWord" placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="银行账号" prop="kd">
            <el-input v-model="tableData.keyWord" placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="备注说明" prop="kd">
            <el-input v-model="tableData.keyWord" placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="收票人姓名" prop="kd">
            <el-input v-model="tableData.keyWord" placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="收票人手机" prop="kd">
            <el-input v-model="tableData.keyWord" placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="收票人地址" prop="kd">
            <el-input v-model="tableData.keyWord" placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="详细地址" prop="kd">
            <el-input v-model="tableData.keyWord" placeholder=""></el-input>
        </el-form-item>
        <el-form-item label="邮箱地址" prop="kd">
            <el-input v-model="tableData.keyWord" placeholder=""></el-input>
        </el-form-item>        
        
        <el-form-item style="margin-top: 15px; right">
          <el-button :loading="loading" type="primary"
            style="background-color: rgba(255, 195, 0, 1);border-color:rgba(255, 195, 0, 1);"
            @click="getTableList">提交订单</el-button>
        </el-form-item>

      </el-form>
    </el-card>
  </div>
</template>

<script>
import * as roleApi from '@/api/role.js'
export default {
  name: "InvoiceDetail",
  data() {
    return {
      //获取定义的常量
      constants: this.$constants,
      //表格数据
      tableData: [] ,
      //行数据
      loading: false,
      dataRules: [
        {},
        {},
      ],
      //是否可以写入
      disabled: false,

    }
  },
  created() {
    this.resetGrid();
    //this.type = parseInt(this.$route.params.type);
    //this.listPram.type = parseInt(this.$route.params.type)
  },
  mounted() {
  },
  methods: {
    //重置
    resetGrid() {
      this.$refs[tableData].resetFields();
    },
    //获取表格分页数据
    getTableList() {
      /*
      this.loading = true      
      roleApi.roleGetPageList(this.listPram).then(res => {
        this.listData = res.data
        this.loading = false
      }).catch((err) => {
        this.loading = false
        this.$message.error(err.msg)
      })
      */
    },
  }
}
</script>

<style scoped>

</style>
